@charset "utf-8";
* {
	font-family: "微软雅黑", "宋体", "黑体";
	margin: 0px;
	padding: 0px;
	border: none;
    color: #333;
	font-size: 1em;
	list-style: none;
	list-style-type: none;
	text-decoration: none;
	box-sizing: border-box;
	transition: all 0.5s;
}
a {color: #000;}
a:hover {text-decoration: none !important;}
@font-face {
    font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot');
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../iconfont/iconfont.woff2') format('woff2'),
    url('../iconfont/iconfont.woff') format('woff'),
    url('../iconfont/iconfont.ttf') format('truetype'),
    url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.container-fluid {padding: 0;}

@media screen and (min-width: 1200px) {
	.container {padding: 0;width: 1440px;}

	header {position: relative;}
	.welcome {background: #1249a4;}
	.welcome .wel-lt {padding: 0 10px;}
	.welcome .wel-lt p {margin: 0;padding: 10px 0;color: #fff;line-height: 20px;}
	.welcome .wel-lt strong {color: #fff;cursor: pointer;}
	.welcome .wel-lt strong:hover {color: orange;}
	.welcome .wel-rt {padding: 0 10px;}
	.welcome .wel-rt p {margin: 0;padding: 10px 0;color: #fff;line-height: 20px;text-align: right;}
	.welcome .wel-rt a {display: inline-block;width: 120px;text-align: center;color: #fff;padding: 0 0.5em;}
	.welcome .wel-rt a:hover {color: orange;font-weight: bold;text-decoration: none;}
	
	.head {width: 100%;background: #ffffff;z-index: 1000;position: relative;}
	
	.head .hd-lt {padding: 0;}
	.head .hd-lt:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head .hd-logo {float: left;width: 100px;height: 100px;padding: 10px;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.head .hd-logo img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.head .hd-title {float: left;width: calc(100% - 100px);padding: 10px 0;}
	.head .hd-title h3 {margin: 0;font-size: 40px;line-height: 50px;color: #146cbf;font-weight: bold;text-shadow: 0px 0px 2px #ffffff,0px 0px 2px #ffffff,0px 0px 2px #ffffff,0px 0px 2px #ffffff,2px 2px 4px #dddddd,2px 2px 4px #dddddd,2px 2px 4px #dddddd,2px 2px 4px #dddddd;}
	.head .hd-title p {margin: 0;font-size: 20px;line-height: 30px;color: #66696b;font-weight: bold;word-spacing: -3px;}

	.head-Btn {display: none;}	

	/*.head-body {position: relative;}*/

	.head .hd-rt {padding: 0;position: initial;}
	.LevSup {margin: 0;height: 100px;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: flex-start;}
	.LevSup:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.LevSup li.LabTop {float: left;width: 12.5%;padding: 0;text-align: center;}
	.LevSup li.LabTop a {display: block;width: 100%;height: 100%;padding: 30px 0;font-size: 18px;line-height: 40px;color: #000;}
	.LevSup li.LabTop a:hover {background: #0e74bc;color: #fff;}
	.LevSup li.LabTop span {display: none;}
	.LevSup li.LabTop .LevBox {width: 100%;height: 0;margin: 0 auto;padding: 0;overflow: hidden;background: rgba(200,200,200,0.9);z-index: 0;opacity: 0;position: static;left: 0;top: 120%;transition: all 0.5s;}
	.LevSup li.LabTop .LevBox .LevCon {display: none;}
	.LevSup li.LabTop .LevBox .LevCon .TypeName {padding: 0 10px;}
	.LevSup li.LabTop .LevBox .LevCon .TypeName p {margin: 0;text-align: left;font-size: 28px;line-height: 50px;color: #333333;}
	.LevSup li.LabTop .LevBox .LevCon .TypeName hr {width: 60px;height: 2px;margin: 8px 0 0;border: none;background: #f04b01;}
	.LevSup ul.LevSub:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.LevSup ul.LevSub {width: 100%;margin: 0;padding: 0;display: none;z-index: -1;/*position: absolute;top: 100%;left: 0;*/transition: all 0.5s;}
	.LevSup li.LabTop .LevBox.active {height: 160px;padding: 20px 20px;z-index: 1000;opacity: 1;position: absolute;top: 100%}
	.LevSup li.LabTop .LevBox.active .LevCon {display: block;}

	.LevSup ul.LevSub {display: block;z-index: 1;}
	.LevSup ul.LevSub.active{position: static;margin: 0;display: block;}
	.LevSup li.LabSub {width: 100%;padding: 0 10px;background: rgba(255, 255, 255, 0.5);opacity: 1;transition: all 0.5s;}
	.LevSup li.LabSub {float: left;width: calc((100% / 6) - 20px);margin: 10px ;}
	.LevSup li.LabSub a {margin: 0;padding: 0;width: 100%;}
	.LevSup li.LabSub a:hover {background: none;color: #0e74bc;}
	.LevSup li.LabSub a:before {content: " ";display: block;width: 100%;height: 0;border-right: none;border-bottom: 1px solid #000;position: absolute;top: calc(100% - 0.5px);right: 0;}
	.LevSup li.LabSub:nth-last-child(1) a:before {border-bottom: none;}

	/* ---- banner ---- */
	.banner {margin: 0 auto;padding: 0;}
	.banner .swiper-container {width: 100%;height: auto;}
	.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
	.banner .swiper-container .swiper-slide {height: 800px;line-height: 800px;}

	/* ---- footer ---- */
	footer {background: url(../images/footer.jpg) center center / cover no-repeat;overflow: hidden;}
	.foot {padding: 20px 0;}
	.foot .Consult {}
	.foot .Consult .titBox {padding: 10px 0 20px; text-align: center;}
	.foot .Consult .titBox h4 {font-size: 28px;line-height: 40px;color: #fff;font-weight: normal;}
	.foot .Consult .titBox h5 {font-size: 20px;line-height: 20px;color: #fff;font-weight: normal;text-transform: capitalize;}
	.foot .Consult .titBox hr {width: 80px;margin: 4px auto;height: 2px;border: none;background: #fff;}
	.foot .Consult .ConsultBox {}
	.foot .Consult .ConsultBox:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot .Consult .ConsultBox .LtBox {float: left;width: calc(50%);height: 310px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .Consult .ConsultBox .LtBox strong {display: block;margin: 0 0 10px;font-size: 18px;line-height: 30px;color: #fff;}
	.foot .Consult .ConsultBox .LtBox p {font-size: 16px;line-height: 30px;color: #fff;}
	.foot .Consult .ConsultBox .RtBox {float: left;width: calc(50%);height: 310px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .Consult .ConsultBox .RtBox label {display: block;margin: 10px 0;position: relative;}
	.foot .Consult .ConsultBox .RtBox label input {display: block;width: 380px;height: 40px;font-size: 16px;line-height: 38px;border: 1px solid #a9a9a9;padding-left: 3em;background: none;color: #fff;outline: none;}
	.foot .Consult .ConsultBox .RtBox label span {display: block;width: auto;line-height: 40px;position: absolute;left: 5px;top: 0;color: #fff}
	.foot .Consult .ConsultBox .RtBox label textarea {display: block;width: 380px;height: 100px;line-height: 30px;border: 1px solid #a9a9a9;padding: 4px;background: none;color: #fff;padding-left: 3em;outline: none;resize: none;overflow-y: hidden;}
	.foot .Consult .ConsultBox .RtBox input.submit {display: block;width: 80px;height: 40px;line-height: 40px;text-align: center;background: #2f70dc;color: #fff;box-shadow: 0 0 6px -2px rgba(0, 0, 0, 0.5);}

	.copyright {margin: 0;padding: 10px 0;line-height: 30px;background: #1249a4;}
	.copyright:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.copyright span {font-size: 16px;padding: 0 0.5em;color: #fff;}
	.copyright span p{font-size: 16px;padding: 0 0.5em;color: #fff;}
	.copyright span:nth-of-type(1) {float: left;}
	.copyright span:nth-of-type(2) {float: right;}
	.copyright span:nth-of-type(3) {float: right;}
	.copyright a {color: #fff;}

	.Fixed {display: none;}
}

@media screen and (max-width: 1200px) {
	body {width: 1440px;}
	.container {padding: 0;width: 1440px;}

	header {position: relative;}
	.welcome {background: #1249a4;}
	.welcome .wel-lt {padding: 0 10px;}
	.welcome .wel-lt p {margin: 0;padding: 10px 0;color: #fff;line-height: 20px;}
	.welcome .wel-lt strong {color: #fff;cursor: pointer;}
	.welcome .wel-lt strong:hover {color: orange;}
	.welcome .wel-rt {padding: 0 10px;}
	.welcome .wel-rt p {margin: 0;padding: 10px 0;color: #fff;line-height: 20px;text-align: right;}
	.welcome .wel-rt a {display: inline-block;width: 120px;text-align: center;color: #fff;padding: 0 0.5em;}
	.welcome .wel-rt a:hover {color: orange;font-weight: bold;text-decoration: none;}
	
	.head {width: 100%;background: #ffffff;z-index: 1000;position: relative;}
	
	.head .hd-lt {padding: 0;}
	.head .hd-lt:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head .hd-logo {float: left;width: 100px;height: 100px;padding: 10px;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.head .hd-logo img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.head .hd-title {float: left;width: calc(100% - 100px);padding: 10px 0;}
	.head .hd-title h3 {margin: 0;font-size: 40px;line-height: 50px;color: #146cbf;font-weight: bold;text-shadow: 0px 0px 2px #ffffff,0px 0px 2px #ffffff,0px 0px 2px #ffffff,0px 0px 2px #ffffff,2px 2px 4px #dddddd,2px 2px 4px #dddddd,2px 2px 4px #dddddd,2px 2px 4px #dddddd;}
	.head .hd-title p {margin: 0;font-size: 20px;line-height: 30px;color: #66696b;font-weight: bold;word-spacing: -3px;}

	.head-Btn {display: none;}	

	/*.head-body {position: relative;}*/

	.head .hd-rt {padding: 0;position: initial;}
	.LevSup {margin: 0;height: 100px;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: flex-start;}
	.LevSup:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.LevSup li.LabTop {float: left;width: 12.5%;padding: 0;text-align: center;}
	.LevSup li.LabTop a {display: block;width: 100%;height: 100%;padding: 30px 0;font-size: 18px;line-height: 40px;color: #000;}
	.LevSup li.LabTop a:hover {background: #0e74bc;color: #fff;}
	.LevSup li.LabTop span {display: none;}
	.LevSup li.LabTop .LevBox {width: 100%;height: 0;margin: 0 auto;padding: 0;overflow: hidden;background: rgba(200,200,200,0.9);z-index: 0;opacity: 0;position: static;left: 0;top: 120%;transition: all 0.5s;}
	.LevSup li.LabTop .LevBox .LevCon {display: none;}
	.LevSup li.LabTop .LevBox .LevCon .TypeName {padding: 0 10px;}
	.LevSup li.LabTop .LevBox .LevCon .TypeName p {margin: 0;text-align: left;font-size: 28px;line-height: 50px;color: #333333;}
	.LevSup li.LabTop .LevBox .LevCon .TypeName hr {width: 60px;height: 2px;margin: 8px 0 0;border: none;background: #f04b01;}
	.LevSup ul.LevSub:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.LevSup ul.LevSub {width: 100%;margin: 0;padding: 0;display: none;z-index: -1;/*position: absolute;top: 100%;left: 0;*/transition: all 0.5s;}
	.LevSup li.LabTop .LevBox.active {height: 160px;padding: 20px 20px;z-index: 1000;opacity: 1;position: absolute;top: 100%}
	.LevSup li.LabTop .LevBox.active .LevCon {display: block;}

	.LevSup ul.LevSub {display: block;z-index: 1;}
	.LevSup ul.LevSub.active{position: static;margin: 0;display: block;}
	.LevSup li.LabSub {width: 100%;padding: 0 10px;background: rgba(255, 255, 255, 0.5);opacity: 1;transition: all 0.5s;}
	.LevSup li.LabSub {float: left;width: calc((100% / 6) - 20px);margin: 10px ;}
	.LevSup li.LabSub a {margin: 0;padding: 0;width: 100%;}
	.LevSup li.LabSub a:hover {background: none;color: #0e74bc;}
	.LevSup li.LabSub a:before {content: " ";display: block;width: 100%;height: 0;border-right: none;border-bottom: 1px solid #000;position: absolute;top: calc(100% - 0.5px);right: 0;}
	.LevSup li.LabSub:nth-last-child(1) a:before {border-bottom: none;}

	/* ---- banner ---- */
	.banner {margin: 0 auto;padding: 0;}
	.banner .swiper-container {width: 100%;height: auto;}
	.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
	.banner .swiper-container .swiper-slide {height: 800px;line-height: 800px;}

	/* ---- footer ---- */
	footer {background: url(../images/footer.jpg) center center / cover no-repeat;overflow: hidden;}
	.foot {padding: 20px 0;}
	.foot .Consult {}
	.foot .Consult .titBox {padding: 10px 0 20px; text-align: center;}
	.foot .Consult .titBox h4 {font-size: 28px;line-height: 40px;color: #fff;font-weight: normal;}
	.foot .Consult .titBox h5 {font-size: 20px;line-height: 20px;color: #fff;font-weight: normal;text-transform: capitalize;}
	.foot .Consult .titBox hr {width: 80px;margin: 4px auto;height: 2px;border: none;background: #fff;}
	.foot .Consult .ConsultBox {}
	.foot .Consult .ConsultBox:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot .Consult .ConsultBox .LtBox {float: left;width: calc(50%);height: 310px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .Consult .ConsultBox .LtBox strong {display: block;margin: 0 0 10px;font-size: 18px;line-height: 30px;color: #fff;}
	.foot .Consult .ConsultBox .LtBox p {font-size: 16px;line-height: 30px;color: #fff;}
	.foot .Consult .ConsultBox .RtBox {float: left;width: calc(50%);height: 310px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .Consult .ConsultBox .RtBox label {display: block;margin: 10px 0;position: relative;}
	.foot .Consult .ConsultBox .RtBox label input {display: block;width: 380px;height: 40px;font-size: 16px;line-height: 38px;border: 1px solid #a9a9a9;padding-left: 3em;background: none;color: #fff;outline: none;}
	.foot .Consult .ConsultBox .RtBox label span {display: block;width: auto;line-height: 40px;position: absolute;left: 5px;top: 0;color: #fff}
	.foot .Consult .ConsultBox .RtBox label textarea {display: block;width: 380px;height: 100px;line-height: 30px;border: 1px solid #a9a9a9;padding: 4px;background: none;color: #fff;padding-left: 3em;outline: none;resize: none;overflow-y: hidden;}
	.foot .Consult .ConsultBox .RtBox input.submit {display: block;width: 80px;height: 40px;line-height: 40px;text-align: center;background: #2f70dc;color: #fff;box-shadow: 0 0 6px -2px rgba(0, 0, 0, 0.5);}

	.copyright {margin: 0;padding: 10px 0;line-height: 30px;background: #1249a4;}
	.copyright:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.copyright span {font-size: 16px;padding: 0 0.5em;color: #fff;}
	.copyright span p{font-size: 16px;padding: 0 0.5em;color: #fff;}
	.copyright span:nth-of-type(1) {float: left;}
	.copyright span:nth-of-type(2) {float: right;}
	.copyright span:nth-of-type(3) {float: right;}
	.copyright a {color: #fff;}

	.Fixed {display: none;}
}

@media (max-width: 1024px){

}

@media (max-width: 992px){

}

@media (max-width: 768px){

}

@media (max-width: 640px) {
	body {width: auto;}
	.container {width: 100%;}

	.welcome {display: none;}
	.welcome .wel-lt {padding: 5px 10px;}
	.welcome .wel-lt p {padding: 0;}
	.welcome .wel-rt {padding: 5px 10px;}
	.welcome .wel-rt p {padding: 0;text-align: center;}
	.head .hd-logo {width: 60px;height: 60px;padding: 5px;}
	.head .hd-title {width: calc(100% - 60px);padding: 5px;margin-left: 60px;}
	.head .hd-title h3 {font-size: 20px;line-height: 60px;text-align: center;}
	.head .hd-title p {font-size: 12px;line-height: 20px;display: none;}

	.head-Btn {display: block;height: 60px;padding: 0;}
	.head-Btn .bth-Nav {height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.head-Btn .bth-Nav span {display: block;margin: 0 auto;width: 40px;height: 40px;font-size: 28px;line-height: 40px;text-align: center;color: #0e74bc;}
	.head-Btn .btn-Search {display: none;}

	/* ---- nav ---- */

	.head .hd-rt {width: 100%;height: 100%;background: rgba(0,0,0,0.1);z-index: 99;position: fixed;top: 0;left: -100%;transition: all 0.5s;}
	.nav-body {width: 50%;height: 100%;margin: 0;}
	.LevSup {display: block;width: 100%;height: 100%;margin: 0;padding: 20px 0;background: #0e74bc;border-right: 4px solid #f1f1f1;position: static;top: auto;}
	.LevSup li.LabTop {float: none;width: 100%;margin: 0;padding: 0;position: relative;}
	.LevSup li.LabTop a {display: inline;margin: 0;padding: 0 2em 0 0;border: none;background: none;font-size: 14px;color: #fff;}
	.LevSup li.LabTop a:before {display: none;}
	.LevSup li.LabTop .LevBox {height: auto;z-index: 99;opacity: 1;}
	.LevSup li.LabTop .LevBox .LevCon {display: block;}
	.LevSup li.LabTop .LevBox .LevCon .TypeName {display: none;}
	.LevSup li.LabTop span.indicator {position: absolute;right: 1em;top: 10px;}
	.LevSup li.LabTop span.iconfont {font-size: 20px;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #fff;display: block;}

	.LevSup ul.LevSub {display: none;z-index: -1;}
	.LevSup ul.LevSub.active {position: static;display: block;margin: 0;}
	.LevSub.active li.LabSub.active {opacity: 1;}
	.LevSup li.LabSub {float: none;width: 100%;margin: 0;padding: 0;opacity: 0;}
	.LevSub li.LabSub a {padding: 0;}


	.nav-body li.active .nav-child li {display: block;}
	.nav-body li.active .nav-child li a {color: black;}
	.nav-body li.active {color: #3798dd;}
	.nav-body li.active span {color: #3798dd;}
	.nav-body li:hover span {color: #3798dd;}
	.nav-body li.active a {color: #3798dd;}
	.nav-body li:hover a {color: #3798dd;}

	/* ---- banner ---- */
	.banner .swiper-container .swiper-slide {height: 320px;line-height: 320px;-webkit-background-size: 150% !important;background-size: 150% !important;}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {font-size: 24px;}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {font-size: 24px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}

	footer {}
	.foot {padding: 10px 0;}
	.foot .foot-lt {height: auto;}
	.foot .foot-lt li {width: 25%;margin: 0;}
	.foot .foot-lt li:nth-of-type(1) {text-align: center;}
	.foot .foot-lt li:nth-of-type(2) {text-align: center;}
	.foot .foot-lt li:nth-of-type(3) {text-align: center;}
	.foot .foot-lt li:nth-of-type(4) {text-align: center;}
	.foot .foot-lt dt h3 {line-height: 30px;}
	.foot .foot-lt dd {display: none;}
	.foot .foot-lt dd:nth-of-type(1) {display: block;}
	.foot .foot-lt dd:nth-of-type(2) {display: block;}
	.foot .foot-lt dd:nth-of-type(3) {display: block;}

	.foot .foot-rt {height: auto;}
	.foot .foot-rt .rt-scan .scan-box p {line-height: 20px;}
	.foot .foot-rt .rt-call .text-box p {font-size: 20px;}

	.Fixed {display: block;padding: 0;width: 100%;height: 60px;background: #0f50cc;position: fixed;bottom: 0;z-index: 88;transition: all 0.5s;left: 100%;opacity: 0;visibility: hidden;}
	.Fixed ul {width: 100%;height: 100%;}
	.Fixed ul li {float: left;width: 20%;padding: 10px 0;}
	.Fixed ul li span {display: block;width: 40px;height: 20px;line-height: 20px;text-align: center;margin: 0 auto;font-size: 28px;color: #fff;}
	.Fixed ul li p {font-size: 14px;line-height: 20px;text-align: center;color: #fff;}


	.foot {padding: 20px 7px;}
	.foot .Consult .titBox {display: none;}

	.foot .Consult .ConsultBox .LtBox {float: none;width: 100%;height: auto;margin: 0;padding: 0;}
	.foot .Consult .ConsultBox .LtBox p {margin: 0;}
	.foot .Consult .ConsultBox .RtBox {float: none;width: 100%;height: auto;margin: 0;padding: 0;}
	.foot .Consult .ConsultBox .RtBox form {width: 100%;}
	.foot .Consult .ConsultBox .RtBox label input {width: 100%;}
	.foot .Consult .ConsultBox .RtBox label textarea {width: 100%;}

	.copyright {padding-bottom: 60px;}
	.copyright span {display: block;float: none !important;text-align: center !important;}
}

@media (max-width: 414px) {
	.banner .swiper-container .swiper-slide {height: 210px;line-height: 210px;}

	.copyright span:nth-of-type(1) {float: none;display: block;text-align: center;}
	.copyright span:nth-of-type(2) {float: none;display: block;text-align: center;}
}

@media (max-width: 375px) {
	.head .hd-logo {width: 50px;height: 50px;padding: 5px 0;}
	.head .hd-title {width: calc(100% - 50px);padding: 5px;}
	.head .hd-title h3 {font-size: 18px;line-height: 40px;font-weight: bold;}
	.head .hd-title p {display: none;}
	.head-Btn {height: 50px;}
}

@media (max-width: 360px) {

	.banner .swiper-container .swiper-slide {height: 180px;line-height: 180px;}

	.foot .foot-rt .rt-scan {width: 100%;}
	.foot .foot-rt .rt-call {width: 100%;}
}

@media (max-width: 320px) {
	.welcome .wel-lt {padding: 5px;}
	.welcome .wel-rt {padding: 5px;}
	.welcome .wel-rt a {padding: 0;width: auto;}

	.head .hd-title h3 {font-size: 16px;}
}